<script>
import { defineComponent } from 'vue'

export default defineComponent({
    setup() {

    },
})

</script>

<template>
    <div class="dashboard-flow-left">
        <el-card class="box-card">
            <div class="todo2 item2">
            <div class="cet">
                <img src="../assets/发送.png" class=" hvr-grow">
                <span>抄送我的</span>
            </div>
            <div class="cet">
                <img src="../assets/待处理.png" class=" hvr-grow">
                <span>我处理的</span>
            </div>
            <div class="cet">
                <img src="../assets/发起.png" class=" hvr-grow">
                <span>我发起的</span>
            </div>
            <div class="cet">
                <img src="../assets/我的流程.png" class=" hvr-grow">
                <span>发起流程</span>
            </div>
        </div>
        </el-card>
    </div>
</template>

<style scoped>
.dashboard-flow-left{
    width: calc(50% - 5px);
    display: flex;
    background: #fff;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 2%);
    border-radius: 10px;
    padding:0 0 20px 10px;
    
}
.text {
  font-size: 14px;
}

img{
    height: 60px;
    width: 60px;
    padding-bottom: 20px;
}
.box-card {
  width: 100%;
  height: auto;
}
.todo2.item2{
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: row;
    justify-content: space-between;
    
}
.cet{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}
</style>
